<!-- 我的表格 -->

<template>
  <WebTable>
    <RowIndex />

    <RowTree v-bind="groupProps" />

    <RowTree v-bind="subGroupProps" />

    <RowDict label="通知类型" bind="noticeType" :dict="DICT.NOTICE" />

    <RowChildren label="通知人" bind="processDto" idKey="processId" nameKey="processName" :minWidth="160" />

    <RowStatus width="auto" />

    <RowOperate />
  </WebTable>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyTable',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: {
    /**
     * 分组属性
     */
    groupProps() {
      const dict = this.$root.alarm_group_treeDict
      return {
        label: `${CORE.MAP.ALARM}系统`,
        bind: 'subSystemId, subSystemName',
        dict,
      }
    },

    /**
     * 子分组属性
     */
    subGroupProps() {
      const dict = this.$root.alarm_group_treeDict
      return {
        label: `${CORE.MAP.ALARM}类型`,
        bind: 'alarmTypeId, alarmTypeName',
        dict: [[[], ...this.MAP.ALL], ...dict],
      }
    },
  },
}
</script>
